<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>三环云</title>
	<meta  name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"/>
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="css/frozen.css">
	<link rel="stylesheet" href="css/app.css">
	<script src="lib/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
   
</head>
<body ontouchstart>
	<header class="ui-header ui-header-positive ui-border-b">
		<h1>消息</h1>
	</header>
	<div class="footer fixed-bottom">
		<div class="footer-main full">
			<a href="index.html" class="loading">
				<!-- <i class="iconfont icon-home"></i> -->
				<img src="img/ic_tab_msg_check.png" class="iconfont" alt="">
				<p>消息</p>
			</a>
			<a href="needto.html" class="loading">
				<img src="img/ic_tab_task.png" class="iconfont" alt="">
				<p>待办</p>
			</a>
			<a href="application.html" class="right loading">
				<img src="img/ic_tab_app.png" class="iconfont" alt="">
				<p>应用</p>
			</a>
			<a href="contacts.html" class="loading">
				<img src="img/ic_tab_contacts.png" class="iconfont" alt="">
				<p>通讯录</p>
			</a>
			<a href="me.html" class="loading">
				<img src="img/ic_tab_me.png" class="iconfont" alt="">
				<p>我的</p>
			</a>
		</div>
		<!-- <ul class="ui-tiled ui-border-t">
			<li data-href="index.html" class="ui-border-r"><div>消息</div></li>
			<li data-href="needto.html" class="ui-border-r"><div>待办</div></li>
			<li data-href="js.html"><div>应用</div></li>
			<li ><div>通讯录</div></li>
			<li><div>我的</div></li>
		</ul> -->
	</div>
	<section class="ui-container">
		<div>
			<ul class="ui-list ui-border-tb">
			    <li>
                    <div class="ui-list-thumb">
                        <span style="background-image:url(img/ic_notice2.png);"></span>
                    </div>
                    <div class="ui-list-info ui-border-t">
                        <h4 class="ui-nowrap">系统消息<samll style="float: right">2017/8/16 10:11</samll></h4>
                        <p class="ui-nowrap">亲爱的用户，您已连续登录一周，为了感谢您对我们</p>
                    </div>
                </li>
			    <li>
                    <div class="ui-list-thumb">
                        <span style="background-image:url(img/ic_mishu.png)"></span>
                    </div>
                    <div class="ui-list-info ui-border-t">
                        <h4 class="ui-nowrap">我的秘书<samll style="float: right">2017/8/16 10:58</samll></h4>
                        <p class="ui-nowrap">亲爱的用户，我是您的私人秘书，您已连续登录一周，</p>
                    </div>
                </li>
			</ul>
		</div>
		
		<p class="demo-desc">我的会话</p>
		
		<ul class="ui-list ui-border-tb">
			<li id="chat">
				<div class="ui-avatar">
					<span style="background-image:url(img/ic_headpic1.png)"></span>
				</div>
				<div class="ui-list-info ui-border-t">
				<h4 class="ui-nowrap">张三<samll style="float: right">2017/8/16 10:11</samll></h4>
					<p class="ui-nowrap">在吗？</p>
				</div>
			</li>
			<li>
				<div class="ui-avatar">
					<span style="background-image:url(img/ic_headpic2.png)"></span>
				</div>
				<div class="ui-list-info ui-border-t">
					<h4 class="ui-nowrap">李四<samll style="float: right">2017/8/16 10:58</samll></h4>
					<p class="ui-nowrap">我们今天要去参加一个会议，一起来吧</p>
				</div>
			</li>
			<li>
				<div class="ui-avatar">
					<span style="background-image:url(img/ic_headpic3.png)"></span>
				</div>
				<div class="ui-list-info ui-border-t">
					<h4 class="ui-nowrap">王武<samll style="float: right">2017/8/16 10:58</samll></h4>
					<p class="ui-nowrap">哈哈，你说的事情太搞笑了</p>
				</div>
			</li>
		</ul>
	</section>
	<script>
		$('.ui-list li,.ui-tiled li').click(function(){
            if($(this).data('href')){
                location.href= $(this).data('href');
            }
        });
	</script>
		
	<script>
		$('#chat').click(function(){
			location.href = "chat.html";
			
		})
		
	</script>
</body>
</html>